<html>
  <head>
    <link rel="stylesheet" href="todo.css" type="text/css" media="screen" charset="utf-8" />
  </head>
  <body>
    <script>
      function _IG_RegisterOnloadHandler() {}
    </script>
    <script type="text/javascript" src="todo.js"></script>
    <div style="width: 400px" id="viz">
    <script>

      view(
      {groupby: true,
        data:
        [
        {
          text: "Elt 1",
          val: 20,
          prio: 50,
          elts:
          [
            {text: "Some really really really long text", val: 0, prio: 100},
            {text: "Some really really really long text", val: 10, prio: 80},
            {text: "Some really really really long text", val: 20, prio: 60},
            {text: "Some really really really long text", val: 30, prio: 40},
            {text: "Some really really really long text", val: 40, prio: 20},
          ]
        },
        {
          text: "Elt 2",
          val: 80,
          prio: 50,
          elts:
          [
            {text: "Some really really really long text", val: 50, prio: 00},
            {text: "Some really really really long text", val: 60, prio: 10},
            {text: "Some really really really long text", val: 70, prio: 30},
            {text: "Some really really really long text", val: 80, prio: 50},
            {text: "Some really really really long text", val: 90, prio: 70},
            {text: "Some really really really long text", val: 100, prio: 90}
          ]
        }
        ]
      });
    </script>
  </div>
  </body>
</html>
